/*strict xhtml 1.0 - Main style sheet - liquid design 2009-08-17*/
/*Author - QiaoXw made by mapbar_mGPRS*/
/* 初始值
------------------------------- */
body{margin:0;padding:0;background:#fff;font:normal normal normal 12px "Lucida Grande", Verdana, Lucida, Arial, Helvetica, "宋体",sans-serif;}
div,form,p,img,ul,ol,li,dl{border:0;list-style:none;margin:0;padding:0;text-align:left;}
li{list-style-position:outside;}
h1,h2,h3,h4,h5,h6{font-size:14px;margin:0;padding:0;}
input,select,textarea{font-size:12px;font-family:Arial;line-height:15px;}

/* 格式化
------------------------------- */
a{color:#0033cc;}
/*a:link,a:visited,a:active{text-decoration:none;}*/
a:hover{text-decoration:underline;}
.fL{float:left;}
.fR{float:right;}
dd{margin:0;}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{*zoom:1;}
.marginT15{margin-top:15px;}
.marginL35{margin-left:35px;}
.marginB10{margin-bottom:10px!important;}
.noBorder{border:0!important;}
.textAlign_center{text-align:center;}
.hiddenfont{ display:block; overflow:hidden; width:0; height:0;}
*{margin:0;padding:0;}

/* 全局
------------------------------- */
.pays{width:1000px;margin:0 auto;}

/* 头
------------------------------- */
.header{margin-top:24px;height:70px;background:url(../images/headerBg1.gif) no-repeat 0 0;padding:0 5px 0 9px;}
.serLogo{padding-top:12px;}
.serLogo img{vertical-align:middle;}
.mapbarLogo{margin-right:8px;}
.moSol{margin-left:40px;position:relative;top:8px;}
.userPanel{float:right;margin-top:28px;color:#c1c1c1;}
.userPanel em{font-style:normal;color:#3062c3;}
.userPanel span{padding:0 5px;border-left:1px dashed #ccc;}

/* 导航Pays 
------------------------------- */
.NavBarPays{overflow:hidden;position:relative;clear:both;background:url(../images/naveBarBk.png) no-repeat; height:52px; padding-top:3px;}
.NavBarPays li{float:left; margin-right:2px;}
.NavBarPays li span{display:none;}
.li_getcode{background:url(../images/spritePays_btn.png) no-repeat -3px -2px; height:47px; width:134px;}
.li_getcode a{display: block;height:100%}
.li_buyservices{background:url(../images/spritePays_btn.png) no-repeat -3px -101px; height:47px; width:134px;}
.li_buyservices a{display: block;height:100%}
.li_mangercenter{background:url(../images/spritePays_btn.png) no-repeat -3px -200px; height:47px; width:134px;}
.li_mangercenter a{display: block;height:100%}

/* 主盒子
------------------------------- */
.paysMain{position:relative;width:100%;}
.mainleft{position:absolute;left:0;top:0;width:220px;}
.mainright{margin-left:220px;}
.verticalList{background:url(../images/listBkleft.gif) repeat-y right; height:277px;border-width:1px 0 1px 1px;border-color:#d5d5d5;border-style:solid;}
.commonQ{position:relative;background:url(../images/listBkleft.gif) repeat-y right;height:241px;border-width:0 0 1px 1px;border-color:#d5d5d5;border-style:solid;}
.commonQ li{background:url(../images/listicon.png) no-repeat 20px;;line-height:15px;padding:4px;}
.commonQ li a{color:#003366;margin-left:40px;}
.adBanner{height:277px;border-width:1px 1px 1px 0;border-color:#d5d5d5;border-style:solid;}
.adpaysMain{display:block;background:url(../images/Advertising.png) no-repeat;height:241px; border-width:0 0 1px 0;border-color:#d5d5d5;border-style:solid;}
.adpaysMain2,.adpaysMain7{display:block; position:relative; background:url(../images/bkMap.gif) no-repeat bottom; height:393px; border-width:0 1px 1px 1px; border-color:#d5d5d5; border-style:solid;}
.adpaysMain2 img{padding:50px 0 0 225px;}
.adpaysMain2 p{display:block; margin-top:70px; text-align:center;}
.adpaysMain3,.adpaysMain4,.adpaysMain5,.adpaysMain6{display:block; position:relative; background:url(../images/listBktop.gif) repeat-y;border-width:0 1px 1px 1px; border-color:#d5d5d5; border-style:solid; padding:2px;}
.adpaysMain4{height:333px;}
.adpaysMain5{height:318px;}
.adpaysMain5{background-image:none;}
.adpaysMain6{height:400px;}
.adpaysMain7{height:319px;}
.adpaysMain7 p{ display:block; color:#003366; font-size:16px; font-weight:bold; padding:120px 80px;;}
.adpaysMain7 span{color:#CC0000;}



.userLogin{float:right;background:url(../images/listBkright.gif) repeat-y left;height:241px;width:220px;position:relative;border-width:0px 1px 1px 0;border-color:#d5d5d5;border-style:solid;}
.userLogin a{color:07539e;text-decoration:underline;position:absolute;top:148px;left:135px;border-color:#d5d5d5;}
.userLogin p{float:left; display:block; font-size:12px; color:#003399; font-weight:bold;  margin-left:13px;}
.tipZone{position:relative; background:url(../images/bkRightTop.gif) repeat-x 0 -75px; border:1px solid; border-color:#d5d5d5; padding-top:35px; padding-bottom:5px;}
.tipregion{padding-top:10px; padding-bottom:60px;}
.tipregion img{float:left; margin-left:35px; margin-right:20px;}
.tipregion p{float:left; font-size:16px; font-weight:bold; color:#0e347f; margin-right:10px; line-height:150%;}
.tipregion a{line-height:150%; font-size:12px; font-weight:normal;}
.bluetip{color:#990000; font-size:12px; font-weight:normal; margin-top:5px;}
.getAct{background-color:#FFFFFF; padding-top:25px; padding-bottom:95px;}
.getAct a{display:block; float:right; line-height:28px;}
.getAct form{margin-bottom:15px; margin-left:150px;}
.getAct th{padding:15px 4px 10px; color:#0E347F; font-size:14px; text-align:right;}
.getAct span a{line-height:15px; margin-left:5px;}
.getAct2{position:relative; background-color:#FFFFFF; margin-top:42px; margin-bottom:10px; height:175px; color:#003399; font-size:16px; font-weight:bold; padding-top:60px; padding-left:90px;}
.getAct2 p{margin-bottom:28px;}
 

/*-------*/ 
.IampndUser{background:url(../images/iconcenter.gif) no-repeat 12px 12px; height:78px; border-bottom:1px solid; border-color:#d5d5d5;}
.adb1{display:block;}
.listQ,.listQ2{background:url(../images/titleBk.png) no-repeat; width:218px; height:38px; margin-bottom:20px;}  
.listQ2{background:url(../images/titleBk2.png) no-repeat;}

.commonQicon{background:url(../images/iconcenter.gif) no-repeat 213px 4px; height:24px; width:24px;}
.textfield,.textfield2,.textfield3{background:url(../images/login_sBg.jpg) no-repeat; height:28px; width:122px; border:0; padding-left:23px;}
.textfield2,.textfield3{background-position: 0 -32px; width:200px;}
.textfield3{float:left; background-position:0 -64px;width:52px; margin-right:4px; padding-left:0;}
.rememberme{margin:10px 58px;}
.username,.password{color:#07539e; font-weight:bold; margin-left:15px;}
.deviceCode{float:left; display:block; color:#283c7d; font-weight:bold; margin-left:165px; margin-right:10px; line-height:28px;}
.leftTopimg{position:absolute; float:right; background:url(../images/bkRightTop.gif) 0 -64px; height:10px; width:6px; right:-1px; top:-1px;}
.tipZoneBkleft{position:absolute;background:url(../images/tipZBkleft.png) 0 0px; height:105px; width:10px; left:2px; top:20px;}
.tipZoneBkright{position:absolute;background:url(../images/tipZBkleft.png) 0 -105px;height:105px; width:10px; right:2px; top:20px;}
.adpaysMainleft{position:absolute;background:url(../images/adpaysMaintopbk.gif) 0 0px; height:11px; width:205px;}
.adpaysMainright{position:absolute;background:url(../images/adpaysMaintopbk.gif) 0 -11px; height:11px; width:205px; right:1px;}
.steps{height:56px; padding-left:35px; margin-bottom:15px;}
.steps1{float:left; background:url(../images/steps.gif) no-repeat -2px -1px; height:58px; width:220px; margin-right:30px;}
.steps2{float:left; background:url(../images/steps.gif) no-repeat -2px -178px; height:58px; width:220px;}
.steps11,.steps22,.steps33,.steps44,.steps55,.steps111,.steps222,.steps333,.steps444,.steps555{float:left; background:url(../images/steps.gif) no-repeat; height:58px; margin-right:5px;}
.steps11{background-position:-2px -237px; width:180px;}
.steps111{background-position:-2px -295px; width:180px;}
.steps22{background-position:-2px -354px; width:140px;}
.steps222{background-position:-2px -412px; width:140px;}
.steps33{background-position:-2px -471px; width:183px;}
.steps333{background-position:-2px -529px; width:183px;}
.steps44{background-position:-2px -588px; width:93px;}
.steps444{background-position:-2px -646px; width:93px;}
.steps55{background-position:-96px -588px; width:93px;}
.steps555{background-position:-96px -646px; width:93px;}
.mBarUi2{position:absolute; top:20px; right:0px;background:url(../images/mBarUi.png); width:160px; height:235px;_background:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/mBarUi.png,sizingMethod='image');}
.titleBk4{float:left; margin-right:30px;}
.tipsicon{float:left; background:url(../images/tipsIcon.png); height:47px; width:60px;margin:25px 10px auto 5px;}
.howbuy{position:absolute; display:block; left:510px;}
.buyservicelist,.lisenceinput{padding-top:15px; padding-left:164px; background-color:#FFFFFF; margin-top:45px; height:220px;}
.lisenceinput{padding-top:50px; height:180px;}
.confirmation{background-color:#FFFFFF; padding-top:20px;}
.confirmation th{color:#0E347F; font-size:14px; text-align:right; line-height:30px; padding-right:5px;}
.confirmation span{color:#CC0000; font-size:14px; padding-left:5px;}
.confirmationin{margin-left:112px;}
.confirmationin p{display:block; color:#003366; margin:10px auto;}
.confirmationin img{ margin-right:10px; margin-bottom:10px;}
.saylist,.saylistnomal,.saylistred{float:left; display:block; background: #e0efd1 url(../images/tipsIcon.png) no-repeat 0 0; color:#339933; font-size:12px; font-weight:normal; height:16px; border:1px solid #99cc66; padding-left:20px; margin-bottom:10px;}
.saylistnomal{background:none; color:#999999; border-color:#cccccc; padding:0 5px;}
.saylistred{background: #ffeaea url(../images/tipsIcon.png) no-repeat 0 -16px; color:#cc3333; border-color:#cc9999;}
th.textfield3title{color:#666666; text-align:left;}

.buysl{line-height:45px;}
.buysltitle{color:#243879; font-size:16px; font-weight:bold; margin-left:10px; margin-right:10px;}
.moneyyuan{color:#cc191c; font-size:16px; font-weight:bold; margin-right:10px;}
.notes{color:#b29844; font-size:12px; font-weight:normal;}
.ihavelisence{float:left; margin-right:150px;}
.ihavelisence img{margin-bottom:30px;}
.btnOk2{float:left; margin-top:15px; margin-left:15px;}
.btnOk3{margin-left:123px;}



/*loglayer-------*/
.loglayer{position:relative; background:url(../images/loglayerBk.gif) repeat-x ; background-position:bottom; height:220px; width:600px; border:2px; border-color:#0e347d; border-style:solid; padding:3px;}
.logleft{float:left; display:block; color:#003399; font-size:13px; font-weight:bold; width:50%; margin-top:60px;}
.logright{color:#21406e; text-align:center; margin-top:50px;}
.logline{float:left; background-color:#CCCCCC; height:100%; width:2px;}
.loglayeroff{position:absolute; background:url(../images/login_sBg.jpg) no-repeat -201px -5px; top:4px; right:6px; height:20px; width:20px; }
.selectDevice{ margin-left:100px;}


/*login---*/
.loginlayer{position:relative; background: #ffffff url(../images/loglayerBk.gif) repeat-x ; background-position:bottom; width:500px; border:2px; border-color:#0e347d; border-style:solid;}
.loginlayer li{float:left;height:22px; width:63px;font-size:17px; font-weight:bold; padding:5px 0;text-align:center;}
.loginlayer li a{text-decoration:none; color:#003399;}
.loginlayertitle{color:#003399; font-size:17px; font-weight:bold; border-bottom:1px solid; border-color:#909394; padding:4px;}
.loginsay,.loginsay2{background-color:#e3e6e9; color:#1d3865; font-size:14px; text-align:center; padding-top:20px; font-weight:bold; height:60px;}
.loginsay2{color:#616465;height:30px;}
.loginsay3{color:#1d3865; font-size:14px; padding-top:20px; font-weight:bold;}
.loginlist{overflow:hidden; background-color:#d0d5d9;}
.logintitle,.loginlayertitle{background-color:#ffffff;}
.registertitle{background-color:#d0d5d9;}
.loginarea{margin:20px; height:140px; margin-left:120px;}
.loginarea p{float:left; color:#1D3865; font:12px; font-weight:bold; line-height:28px; margin-right:5px;}
.ioginarea input{margin-bottom:20px;}
.loginarea2{height:390px; color:#626566; margin-left:30px;}
.loginarea2 th{text-align:right; font-weight:normal; padding:10px;}
.loginarea2 span{color:#FF0000; font-weight:bold;}
.loginlistbtn{margin-left:50px;}
.loginarea3{height:200px; color:#626566; padding-top:20px;}
.loginarea3 p{ font-size:16px; color:#0e3590; font-weight:bold; text-align:center; margin:50px auto;}


/*btn--------*/
.btnLogin,.btnLoginUser{margin-top:14px; margin-left:34px;}
.btnLoginUser{}
.btnLogin2{float:left; position:relative; width:180px; margin-right:30px;}
.btnLogin3{float:left; position:relative; width:160px;}
.btnLogin4{top:125px; left:130px;}
.btnLogin5{position:absolute; top:125px; left:437px;}
.btnLogin6{margin-top:10px; margin-left:100px;}
.btnLogin7{ margin-left:205px;}
.regeditnow{width:190px;}
.btnBkleft,.btnBkright{width:9px; height:32px;}
.btnBkleft{float:left;background:url(../images/btnBk.gif) no-repeat 0 0;}
.btnBkcenter{float:left; background:url(../images/btnBk.gif) repeat 0 -35px; color:#07539e; font-size:14px; font-weight:bold; line-height:32px; letter-spacing:2px; padding:0 10px; cursor:pointer; height:32px; border:0;} 
.btnBkright{float:left;background:url(../images/btnBk.gif) no-repeat 0 -70px;}
.btnGetActNow{display:block; background:url(../images/btnGetAct.png); height:58px; width:267px; margin-left:260px; position:absolute; top:265px;}
.btnGetAct{background:url(../images/btnGetAct.png) no-repeat -14px -66px; height:50px; width:185px; position:absolute; left:289px; margin-top:15px; border:none; cursor:pointer;}
.btnGetAct a{display:block; height:100%;}
.btnbuyNow{display:block; background:url(../images/btnGetAct.png) no-repeat 0 -130px; height:58px; width:230px; margin-left:285px; position:absolute; top:265px;}
.btnOk{margin-top:20px;margin-left:98px;}




/* 页脚
------------------------------- */
.footer{background:url(../images/footerBg_0.gif) repeat-x left bottom; color:#4f4f4f;}
.footer_content{width:1000px;margin:0 auto;min-height:130px;height:auto!important;height:130px;overflow:hidden;}
.footer_content p{text-align:center;line-height:180%;}
.footer_content .marginT45{color:#7b7b7b;}
.footer_content a{margin:0 3px;}
.marginT45{margin-top:45px;}
.center{text-align:center;}
.height140{height:140px;overflow:hidden;}
.noBg{background:none!important;}




